<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootstrap</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="jquery/jquery-3.3.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!--
.panel 代表面板
.panel-body 代表面板内容
.panel-footer 代表面板的注脚
-->
<div class="panel panel-success">
    <div class="panel-heading">
        弹出层
    </div>
    <div class="panel-body">
        这是面板具体的内容
    </div>
    <div class="panel-footer">
        脚注
    </div>
</div>

</body>
</html>